<#escape x as x?html>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>课程管理界面</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/icon.css">
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/datagrid-detailview.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/coursemanage.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/share.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/json2.js"></script>
    <style type="text/css" media="screen">
        ul {
            margin: 0px;
            padding: 0px;
            width: 220px;
            display: block;
            clear: both;
        }
        .STYLE1 {color: #FF0000}

        #operateCourseStructureDialog ul li {
            float: left;
            list-style-type: none;
            height: 40px;
            text-align: center;
        }

        #operateCourseStructureDialog ul li:nth-child(odd) {
            width: 60px;
        }

        #operateCourseStructureDialog ul li:nth-child(even) {
            width: 150px;
        }
        
        #courseDetail {
        	margin:auto;
        }
        
		textarea{ 
			margin:auto;
			display:block;
			width:96%;
			height:116px;
			padding:4px;
			-webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
			border-color:#C3C3C3;
			font-size: 13px;
		}
    </style>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true">  
        <div data-options="region:'east'" style="width:300px;">
			<table id="textbookDataGrid"></table>
        	 <div id="operateTextbookDialog">
			    <form id="addTextbookForm" method="POST">
			        <div style="margin-top: 10px;margin-left: 5px;">
					    <table width="100%"  cellspacing="1" cellpadding="4 1" style="text-align:center;">
							<tr>
								<td><span class="STYLE1">*</span>教材名称</td>
								<td><input id="textbookName" name="textbookName" maxlength="150"></td>
							</tr>
						</table>
			            <input type="hidden" id="textbookId">
			        </div>
			    </form>
			</div>
		</div>  
        <div data-options="region:'west'" style="width:500px;">
 			<table id="courseStructureDataGrid"></table>
	    	 <div id="operateCourseStructureDialog">
			    <form id="addCourseStructureForm" method="POST">
			        <div style="margin-top: 10px;margin-left: 5px;">
				        <table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
							<tr>
								<td><span class="STYLE1">*</span>学习领域</td>
								<td><input id="studyArea" name="studyArea" maxlength="150"></td>
							</tr>
							<tr>
								<td><span class="STYLE1">*</span>学习科目</td>
								<td><input id="studySubject" name="studySubject" maxlength="150"></td>
							</tr>
							<tr>
								<td><span class="STYLE1">*</span>类型</td>
								<td><input id="studyType" name="studyType"  maxlength="150"></td>
							</tr>
							<!--tr>
								<td><span class="STYLE1">*</span>模块学分</td>
								<td><input id="studyCredit" name="studyCredit" maxlength="150"></td>
							</tr-->
						</table>
			            <input type="hidden" id="courseStructureId">
			        </div>
			    </form>
			</div>
		</div>  
        <div data-options="region:'center'">  
           	 <table id="courseDataGrid" border="none">
	             <thead>  
		            <tr>  
		                <th field="id" data-options="hidden:true"></th>  
		                <th field="courseName" data-options="align: 'center',width: 80">课程名称</th>  
		                <th field="courseCode" data-options="align: 'center',width: 30">课程编码</th>  
		                <th field="studyCredit" data-options="align: 'center',width: 30">模块学分</th>
		                <th field="operation" data-options="align: 'center',width: 80,
		                	formatter: function (value, row, index){ 
		                	return '<a class=\'up\' onclick=\'showOperateCourseDialog(&#34;' + '修改' + '&#34;, ' + index + ');\'>修改</a><a class=\'re\' onclick=\'showDeleteCourseDialog(' + index + ');\'>删除</a>';}">操作</th>  
		            </tr>  
	        	</thead>  
           </table>
		   <div id="operateCourseDialog">
		     <form id="addCourseForm" method="POST">
                 <input type="hidden" id="courseId">
                 <table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
                     <input type="hidden" id="id">
                     <tr>
                         <td><span class="STYLE1">*</span>课程名称</td>
                         <td><input id="courseName" name="courseName" type="text" /></td>
                         <td><span class="STYLE1">*</span>课程编码</td>
                         <td><input id="courseCode" name="courseCode" type="text" /></td>
                     </tr>
                     <tr>
                         <td><span class="STYLE1">*</span>模块学分</td>
                         <td><input id="studyCredit" name="studyCredit" type="text" /></td>
                         <td>&nbsp;</td>
                         <td>&nbsp;</td>
                     </tr>
                 </table>
		    	<div style="width:540px;margin:10px;margin:auto;" >
		        	<div width="1080px">
			            <div class="easyui-panel" title="课程评价方法" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="courseEvaluation"></textarea>
			            </div>
		        	</div>
                    <div width="480">
			            <div class="easyui-panel" title="课程内容描述" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="courseContent"></textarea>
			            </div>
		            </div>
                    <div width="480">
			            <div class="easyui-panel" title="课程要求" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="courseRequirement"></textarea>
			            </div>
		            </div>
                    <div width="480">
			            <div class="easyui-panel" title="课程备注" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="courseComment"></textarea>
			            </div>
		            </div>
                    <div width="480">
			            <div class="easyui-panel" title="课程人数要求" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="courseNumber"></textarea>
			            </div>
		            </div>
                    <div width="480">
			            <div class="easyui-panel" title="课程开课时段" iconCls="icon-edit">
			                   <textarea rows="1" cols="1" id="coursePeriod"></textarea>
			            </div>
		            </div>
	        	</div>
		    </form>
		 </div>
        </div>  
	</div>
</body>

</html>
</#escape>